<template>
  <div>
    <!-- 提交成功 -->
    <div class="index_img">
      <img src="/static/images/index/yes.png" alt />
      <div class="paySuccess">提交成功</div>
      <p>您的风险等级为：{{level}}</p>
    </div>

    <!-- 按钮 -->
    <div class="footer">
      <button class="btn" @click="goMoney">开始理财</button>
      <button
        class="btn"
        style="background-color: #fff;color: #187798;margin-top:15px;"
        @click="reset"
      >重新测评</button>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  data () {
    return {
      level: null
    };
  },
  computed: {},
  created () {},
  mounted () {
    this.level = this.$mp.query.level;
  },
  watch: {},
  methods: {
    // 跳转到理财首页
    goMoney () {
      wx.switchTab({ url: '/pages/money/money/main' });
    },
    // 重新测评
    reset () {
      wx.navigateTo({
        url:
          '/pages/PersonalCenter/userChildren/evaluation/startEvaluation/main'
      });
    }
  },
  components: {}
};
</script>

<style scoped lang="less">
.index_img {
  text-align: center;

  img {
    height: 116px;
    width: 116px;
    margin: 45px auto 25px;
  }

  p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(144, 146, 146, 1);
    height: 42px;
  }
}

.paySuccess {
  font-size: 17px;
  font-weight: 700;
  color: rgba(24, 119, 152, 1);
  height: 32px;
}

.footer {
  width: 100%;
  padding: 6px 25px;
  box-sizing: border-box;

  .btn {
    background-color: #187798;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 15px;
    height: 100%;
    line-height: 46px;
  }
}
</style>
